<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/4/27
  Time: 19:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>分配角色</title>
</head>
<body>
<%--<div id="orgLayOut" class="easyui-layout" style="width:800px;height:540px;">
    <div data-options="region:'center',title:'待选区'" style="padding:5px;width:260px;">
        <div  id="select_content" style="overflow:auto;float:left; height:500px;width:200px;background:white; border-style:window-inset;scrollbar-face-color:silver;SCROLLBAR-TRACK-COLOR:lightgrey ">
            <select id="waitforSelect" ondblclick="insertResult()"  style="height:500px;width:200px;position:absolute;" multiple >
            </select>
        </div>
        <DIV  style="padding-right: 5px;float:right;height:500px;">
            <div style="margin-top:180px">
                <INPUT onclick="insertSelectResult()" type=button style="width:30px;background:#889EE2;" value=">" name=add><br><br>
                <INPUT onclick="insertAllOption()" type="button" style="width:30px;background:#889EE2;" value=">>" name="AddAll"><br><br>
                <INPUT onclick="deleteOption()" type="button" style="width:30px;background:#889EE2;" value="<" name="delete"><br><br>
                <INPUT onclick="deleteAllOption()" type="button" style="width:30px;background:#889EE2;" value="<<" name="delete"><br><br>
            </div>
        </DIV>
    </div>
    <div data-options="region:'east'" style="width:270px;">
        <div class="easyui-panel" data-options="title:'选定区',border:false,fit:true">
            <div id="result_content" style="overflow:auto; height:460px; background:white; border-style:window-inset;scrollbar-face-color:silver;SCROLLBAR-TRACK-COLOR:lightgrey ">
                <select name="resultSelect" class="input_select_320" style="height:460px;width:265px;position:absolute;"  multiple>
                </select>
            </div>
            <div style="padding-top:5px">
                <center>
                    <a href="javascript:confirmEvent();" class="easyui-linkbutton" iconCls="icon-ok" plain="true">确定</a>
                    <a href="javascript:{window.close();}" class="easyui-linkbutton" iconCls="icon-cancel" plain="true">关闭</a>
                </center>
            </div>
        </div>
    </div>
</div>--%>
<div id="distribte"  style="top:50px;width:780px;height:400px;">
    <div class="easyui-panel" style="height:100%;width:100% ">
        <div class="easyui-layout" style="height:100%;width:100% ">
            <div class="easyui-panel" data-options="region:'north'" style="height:18%;padding-top:4%;text-align:center">
                <form id="distribteForm" method="post">
                    <td>用户名：</td>
                    <td><input class="easyui-textbox" type="text" name="userName" style="width: 150px" readonly="readonly"></td>
                    <td>用户名称：</td>
                    <td><input class="easyui-textbox" type="text" name="name" style="width: 150px" readonly="readonly"></td>
                </form>
            </div>
            <div class="easyui-panel" data-options="region:'west'" style="height:82%;width:45%;padding:5px">
                <div id="toolbar1" style="margin-bottom:5px">
                    <label>已有角色：</label>
                    <input id="existSearch" class="easyui-searchbox" style="width: 130px;"/>
                </div>
                <div>
                    <table id="existingRole"></table>
                </div>
            </div>
            <div class="easyui_panel" data-options="region:'center'" style="padding: 5px ;height:80%;width: 10%">
                <div style="margin-bottom:50px;margin-top: 50px" align="center">
                    <a href="#" id="removeRole_btn" class="easyui-linkbutton">移除 >></a>
                </div>
                <div align="center">
                    <a href="#" id="addRole_btn" class="easyui-linkbutton"><< 添加</a>
                </div>
            </div>
            <div class="easyui-panel" data-options="region:'east'" style="height:80%;width:45%;padding:5px">
                <div id="toolbar2" style="margin-bottom:5px">
                    <label>可选角色：</label>
                    <input id="availableSearch" class="easyui-searchbox" style="width: 130px;"/>
                </div>
                <div>
                    <table id="availableRole"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
